<template>
  <Row class="iot-wrapper">
    <Row style="padding:10px 20px;font-size:14px;">
      <i-col span="5">
        <span class="label-span">企业名称：</span>
        <Select class="label-form">
          <Option>123</Option>
        </Select>
      </i-col>
      <i-col span="18">
        <span>是否在线：</span>
        <RadioGroup v-model="online" type="button">
          <Radio label="全部"></Radio>
          <Radio label="在线"></Radio>
          <Radio label="离线"></Radio>
        </RadioGroup>
        <Button type="primary" style="margin-left:40px;">查询</Button>
      </i-col>
    </Row>
    <Col class="iot-wrapper-table" span="24">
    <Table :data="[]" :columns="columns" border :loading="loading">
    </Table>
    </Col>
    <Col class="panel page-panel cf" style="margin-top:10px;">
    <Page :total="pageInfo.total" show-total :current.sync="pageInfo.page" class="fr" @on-change="switchThePaging" :page-size="20"></Page>
    </Col>
  </Row>
</template>
<script>
import {iotDeviceAlertData} from '@/api'
export default {
  data() {
    return {
      columns: [
        {
          title: '设备名称',
          align: 'center'
        },
        {
          title: '所属企业',
          align: 'center'
        },
        {
          title: '设备位置',
          align: 'center'
        },
        {
          title: '事件记录',
          align: 'center'
        },
        {
          title: '是否处理',
          align: 'center'
        },
        {
          title: '是否通知',
          align: 'center'
        },
        {
          title: '责任人',
          align: 'center'
        },
        {
          title: '责任人电话',
          align: 'center'
        },
        {
          title: '事件时间',
          align: 'center'
        },
        {
          title: '处理时间',
          align: 'center'
        },
        {
          title: '操作',
          align: 'center',
          render(h, row) {}
        }
      ],
      loading: false,
      pageInfo: {
        page: 0,
        total: 0
      },
      online: false
    }
  },
  methods: {
    async init() {
      const vm = this
      // const params = {dev}
      // const {code,data} =  await iotDeviceAlertData
    },
    switchThePaging() {}
  }
}
</script>

<style lang="scss" scoped>
.iot-wrapper {
  background: #fff;
  .label-span {
    display: inline-block;
    width: 75px;
  }
  .label-form {
    width: calc(100% - 100px) !important;
  }
  &-table {
    box-sizing: border-box;
    padding: 10px;
  }
}
</style>
